import React from 'react'
import { Table } from 'antd'
import { TableRowEditButton } from '../../components/AppButton'
import FormattedDate from '../../components/FormattedDate'

class ItemListTable extends React.Component {
  render() {
    const columns = [
      {
        title: 'Item',
        dataIndex: 'title',
        key: 'title',
        width: '30%',
      }, {
        title: 'Tx',
        dataIndex: 'tx',
        key: 'tx',
        width: '30%',
      }, {
        title: 'ETH',
        dataIndex: 'eth',
        key: 'eth',
        width: '30%',
      // }, {
      //   title: 'Action',
      //   key: 'action',
      //   render: (text, record) => (
      //     <span>
      //       <TableRowEditButton to={`${this.props.editPath}/${record.id}`} />
      //     </span>
      //   ),
      },
    ]
    return (
      <Table
        rowKey={record => `item-row-${record.id}`}
        columns={columns}
        {...this.props}
      />
    )
  }
}

export default ItemListTable
